﻿@{
    if (Session["Clinic"] != null)
    {
        HMS.Web.Helpers.Clinic clinic = new HMS.Web.Helpers.Clinic();
        clinic = (HMS.Web.Helpers.Clinic)Session["Clinic"];
        ViewBag.Title = clinic.Name;
    }
    else
  {
    ViewBag.Title = "Index";
    }
    Layout = null;
}


<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link type="text/css" href="/Content/bootstrap.min.css" rel="stylesheet" />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/Scripts/jquery.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-ui.js" type="text/javascript"></script>
    <!-- Custom Theme files -->
    <link href="/Content/homeStyle.css" rel="stylesheet" type="text/css" />
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript">

        addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--webfont-->
    
    <link href="/Fonts/Roboto.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/Scripts/move-top.js"></script>
    <script type="text/javascript" src="/Scripts/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
            });
        });
    </script>
    <!-- Add fancyBox main JS and CSS files -->
    <script src="/Scripts/jquery.magnific-popup.js" type="text/javascript"></script>
    <link href="/Content/magnific-popup.css" rel="stylesheet" type="text/css">
    <link href="/Content/media-query.css" rel="stylesheet" />
    <script>
        $(document).ready(function () {
            $('.popup-with-zoom-anim').magnificPopup({
                type: 'inline',
                fixedContentPos: false,
                fixedBgPos: true,
                overflowY: 'auto',
                closeBtnInside: true,
                preloader: false,
                midClick: true,
                removalDelay: 300,
                mainClass: 'my-mfp-zoom-in'
            });
        });
    </script>
</head>
<body>
    <div class="header">
       
        <div class="header-top">
            <div class="container">
                <div class="logo">
                    <a href="javascript:void(0)"><h1>@Model.Name</h1></a>
                <h3><a href="tel:@Model.Phone">CALL : @Model.Phone</a></h3>
                </div>
                <div class="menu">
                    <a href="#" class="right_bt" id="activator"><img src="/Images/nav.png" alt="" /></a>
                    <div class="box" id="box">
                        <div class="box_content_center">
                            <div class="menu_box_list">
                                <ul>
                                    <li><a href="#home" class="scroll">Home</a></li>
                                    <li class="active"><a href="#about" class="scroll">About</a></li>
                                    <li><a href="#services" class="scroll">Services</a></li>
                                    <li><a href="#contact" class="scroll">Contact</a></li>
                                </ul>
                            </div>
                            <a class="boxclose" id="boxclose"><img src="/Images/close.png" alt="" /></a>
                        </div>
                    </div>
                    <script type="text/javascript" src="/Scripts/easing.js"></script>
                    <script type="text/javascript">
                        var $ = jQuery.noConflict();
                        $(function () {
                            $('#activator').click(function () {
                                $('#box').animate({ 'top': '0px' }, 500);
                            });
                            $('#boxclose').click(function () {
                                $('#box').animate({ 'top': '-700px' }, 500);
                            });
                        });
                        $(document).ready(function () {

                            //Hide (Collapse) the toggle containers on load
                            $(".toggle_container").hide();

                            //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
                            $(".trigger").click(function () {
                                $(this).toggleClass("active").next().slideToggle("slow");
                                return false; //Prevent the browser jump to the link anchor
                            });

                        });
                    </script>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="wmuSlider example1">
            <article >
                <div class="banner-wrap">
                    <a href="javascript:void(0)"><h1>Dr. Aseem Dewan</h1></a>
                    <h2>Quality healthcare</h2>
                    <ul class="banner_btn">

                        <li class="yellow">
                            <a href="javascript:void(0)" style="padding-right:0">
                                <input placeholder="Log In" id="accessCode" style="width:50%;color:black" />
                            </a>
                            <a href="javascript:void(0)" id="logIn" style="padding-left:0">Go</a>

                                <p class="loginError hide mobile" style="color:red;margin-left:7px;">Invalid user. Please enter valid access code.</p>
                        </li>
                        <li class="grey"><a href="Appointment/EditAppointment">Book Appointment</a></li>

                    </ul>
                    <p class="loginError hide desktop" style="color:red;margin-left:7px;">Invalid user. Please enter valid access code.</p>
                </div>
            </article>
        </div>
    </div>
    <div class="main">
        <div class="content_top" id="about">
            <div class="container">
                <h2>We are the Best</h2>
                <p>Vrinda clinic started functioning in 2009, with the aim of providing world-class diagnostic and treatment services to society. Dr. Dewan started practising here right after he left AIIMS, New Delhi. At AIIMS, he was a senior physician in the Medicine & Rheumatology Division. Our foremost aim is BEST MEDICAL ADVICE</p>
                <div class="row">
                    <div class="col-md-4 service_box">
                        <i class="icon1"> </i>
                        <h3><a href='#'>Weekly Health Tips</a></h3>
                        <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo</p>
                    </div>
                    <div class="col-md-4 service_box">
                        <i class="icon2"> </i>
                        <h3><a href='#'>Healthy</a></h3>
                        <p>Enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo Ut wisi</p>
                    </div>
                    <div class="col-md-4 service_box">
                        <i class="icon3"> </i>
                        <h3><a href='#'>Natural</a></h3>
                        <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="services" id="services">
            <div class="container">
                <div class="service_top">
                    <h3>Our Services</h3>
                    <p>We provide 'Consultation only'.No emergencies (In case of emergency, please take the patient to the nearest hospital).No hospitalisation</p>
                </div>
                <div class="row">
                    <div class="col-md-4 service_box">
                        <ol class="service_grid">
                            <li class="desc">
                                <strong>Fever (especially complicated cases)</strong>
                            </li>
                        </ol>
                        <ol class="service_grid">
                            <li class="desc">
                                <strong>Infectious diseases</strong>
                            </li>
                        </ol>
                        <ol class="service_grid ">
                            <li class="desc">
                               <strong>Diabetes</strong>
                            </li>
                        </ol>
                        <ol class="service_grid last">
                            <li class="desc">
                                <strong>Non-interventional Cardiology</strong>
                            </li>
                        </ol>
                        
                    </div>
                    <div class="col-md-4">
                        <ol class="service_grid">
                            <li class="desc">
                                <strong>Preventive Cardiology</strong>
                            </li>
                        </ol>
                        <ol class="service_grid ">
                            <li class="desc">
                               <strong>High Cholesterol</strong>
                            </li>
                        </ol>
                        <ol class="service_grid">
                            <li class="desc">
                                <strong>ILD (Interstitial Lung Disease)</strong>
                            </li>
                        </ol>
                        <ol class="service_grid last">
                            <li class="desc">
                                <strong>Asthma</strong>
                            </li>
                        </ol>
                    </div>
                    <div class="col-md-4">
                        <ol class="service_grid">
                            <li class="desc">
                               <strong>Allergies</strong>
                            </li>
                        </ol>
                        <ol class="service_grid">
                            <li class="desc">
                               <strong>Rheumatology (Arthritis)</strong>
                            </li>
                        </ol>
                        <ol class="service_grid">
                            <li class="desc">
                                <strong>High BP (Hypertension) </strong>
                            </li>
                        </ol>
                        <ol class="service_grid">
                            <li class="desc">
                                <strong>Obesity</strong>
                            </li>
                        </ol>
                        <ol class="service_grid last">
                            <li class="desc">
                               <strong>Chronic headaches</strong>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="call">
            <div class="container">
                <h3 class="call_text">You may reach us at <a href="tel:+919654432532"> +91(96)54432532 </a> or you can submit your query below.&nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/more.png" alt="" /></h3>
            </div>
        </div>
    </div>
    <div class="footer" id="contact">
        <div class="container">
           
                <div class="contact-to">
                    <input type="text" id="txtName" class="text" value="Name..." onfocus="if (this.value == '' || this.value == 'Name...') { this.value = ''; }" onblur="    if (this.value == '') { this.value = 'Name...'; }">
                    <input type="text" class="text" id="txtEmail" value="Email..." onfocus="if (this.value == '' || this.value == 'Email...') { this.value = ''; }" onblur="    if (this.value == '') { this.value = 'Email...'; }">
                </div>
                <div class="text2">
                    <textarea value="Message:" id="txtMessage" onfocus="if (this.value == '' || this.value == 'Message...') { this.value = ''; };" onblur="    if (this.value == '') { this.value = 'Message...'; }">Message...</textarea>
                </div>
                <div class="contact_btn">
                    <input name="submit your message" type="submit" id="submit" value="Submit your Message">
                </div>
                <div class="clearfix"> </div>
            <div class="about">
                <h4>About Us</h4>
                <p>Vrinda clinic started functioning in 2009, with the aim of providing world-class diagnostic and treatment services to society. Dr. Dewan started practising here right after he left AIIMS, New Delhi. At AIIMS, he was a senior physician in the Medicine & Rheumatology Division. Our foremost aim is BEST MEDICAL ADVICE</p>
            </div>
            <div class="text-center">
                    <a href="/home"><h1>@Model.Name</h1></a>
                <h3><a href="tel:@Model.Phone">CALL : @Model.Phone</a></h3>
                </div>
        </div>
        <div class="copy">
            <div class="container">
                @*<p>Powered by <a href="http://www.thoughtboat.com" target="_blank">Thoughtboat Inc.</a></p>*@
            </div>
            <script type="text/javascript">
                $(document).ready(function () {
                    $().UItoTop({ easingType: 'easeOutQuart' });

                });
            </script>
            <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
        </div>
    </div>
    <input type="hidden" id="clinicCode" value="@Model.Code" />
    <script type="text/javascript" src="/Scripts/ViewScripts/Home/index.js"></script>
    <script type="text/javascript">
        var _AbsolutePath = "http://"+ '@System.Web.HttpContext.Current.Request.Url.Authority' +"/";
        localStorage.setItem("ClinicName", '@Model.Name');
        localStorage.setItem("ClinicPhone", '@Model.Phone');
        localStorage.setItem("DoctorLocId", "");
        localStorage.setItem("ClinicCode", '@Model.Code');

</script>
    
</body> 
</html>		